<template>
  <div>
    <MyNav></MyNav>
    <div class="text-center m-42">
      <div class="text-2xl font-bold">
        您的订单已提交成功，请尽快支付，付款交易成功后在订单列表下载教程，订单号:{{
          id
        }}
      </div>
      <div class="mt-5 mb-5">
        您的应付款金额为:
        <span class="font-medium">￥{{ price }} </span>
        元
      </div>
      <div>
        支付成功后去订单列表索取视频教程下载地址,如需其他支付方式联系客服
      </div>
      <div class="mt-5 mb-5">
        温警提示:支付完成后请不要立即关闭支付页面，系统会自动返回订单列表，即可见蓝色下载地址，
      </div>
      <div class="mt-15">
        <img src="/imgs/zhi.png" alt="" class="mr-10" />
        <img src="/imgs/wechat.png" alt="" @click="goZtIndent(price)" />
      </div>
    </div>
  </div>
</template>

<script setup>
const route = useRoute();
const id = route.query.id;
const price = route.query.price;

const goZtIndent = (price) => {
  navigateTo({
    path: "/ztIndent",
    query: {
      id: id,
      price: price,
    },
  });
};
</script>

<style lang="scss" scoped></style>
